<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8" />
    <title>神州通立电梯-网址首页</title>
    <meta name="description" content="神州通立电梯" />
    <meta name="keywords" content="神州通立电梯" />
    <link href="favicon.ico" rel="shortcut icon" />
    <link href='css/base.css' rel='stylesheet' type='text/css' />
    <link rel="stylesheet" href="./css/swiper-bundle.css" />

</head>

<body>
    <link href='css/new.css' rel='stylesheet' type='text/css' />
    <div class="body-main">
        <div class="top-bar">
            <div class="pro-main">
                <img src="./images/logo.png" style="width:122px;height: 54px;" alt="">
                <div class="pro-main">
                    <div class="gf-title"><a href="index.html">网站首页</a></div>
                    <div class="gf-title women">
                        <div id="women">
                            <a href="women.html">关于我们</a>
                            <div class="women-title" id="women-title">
                                <div class="name"><a class="name" href="women.html#jj">公司简介</a></div>
                                <div class="name"><a class="name" href="women.html#zz">企业资质</a></div>
                                <div class="name"><a class="name" href="women.html#wh">企业文化</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="gf-title"><a href="new.html">新闻资讯</a></div>
                    <div class="gf-title women">
                        <div id="cp">
                            <a href="product.html">产品展示</a>
                            <div class="women-title" id="cp-title">
                                <div class="name" id="dt-title"><a class="name" href="product.html#dt">电梯系列</a></div>
                                <div class="name" id="kt-title"><a class="name" href="product.html#kt">客梯系列</a></div>
                                <div class="name" id="jx-title"><a class="name" href="product.html#jx">轿厢系列</a></div>
                                <div class="name" id="dd-title"><a class="name" href="product.html#dd">吊顶系列</a></div>
                                <div class="name" id="fs-title"><a class="name" href="product.html#fs">扶手系列</a></div>
                                <div class="name" id="tm-title"><a class="name" href="product.html#tm">厅门系列</a></div>
                                <div class="name" id="qt-title"><a class="name" href="product.html#qt">其他配件</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="gf-title"><a href="case.html">客户案例</a></div>
                    <div class="gf-title"><a href="contact.html">联系我们</a></div>
                </div>
            </div>
        </div>
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./images/banner/banner-1.jpg" alt="" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/banner/banner-2.jpg" alt="" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/banner/banner-3.jpg" alt="" />
                </div>
            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        <div class="anli-box pro-mainone">
            <div class="left-box">
                <div class="left-title">新闻资讯</div>
                <div class="t">
                    <div id="dt-title1"><a href="#dt">公司动态</a></div>
                    <div id="kt-title1"><a href="#kt">业界资讯</a></div>
                    <div id="jx-title1"><a href="#jx">电梯政策</a></div>
                </div>
            </div>
            <div class="right-box">
                <div id="dt">
                    <div class="right-title">公司动态</div>
                    <div class="right-img">
                        <div class="xw-box">
                            
                        </div>
                    </div>
                </div>
                <div id="kt">
                    <div class="right-title">业界资讯</div>
                    <div class="right-img">
                        <div class="xw-box">
                        </div>
                    </div>
                </div>
                <div id="jx">
                    <div class="right-title">电梯政策</div>
                    <div class="right-img">
                        <div class="xw-box">
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- <div class="new-box anli-box pro-mainone">
            <div class="new">
                <div class="new-left">
                    <img src="./images/1342360923.jpg" width="200" height="135" alt="">
                    <div class="new-title">《既有多层住宅装配式电梯工程应用技术规程》团体标准立项审查会顺利召开</div>
                </div>
                <div class="new-right">
                    <div>2023-05-06</div>
                    <button>查看详情</button>
                </div>
            </div>
            <div class="new">
                <div class="new-left">
                    <img src="./images/1342360923.jpg" width="200" height="135" alt="">
                    <div class="new-title">六安市委常委、副市长谢忠一行考察调研神州通立</div>
                </div>
                <div class="new-right">
                    <div>2023-05-06</div>
                    <button>查看详情</button>
                </div>
            </div>
            <div class="pagination-x">
                <div>
                    <ul class="pagination">
                        <li><a href="#">«</a></li>
                        <li><a href="#">1</a></li>
                        <li><a class="active" href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">6</a></li>
                        <li><a href="#">7</a></li>
                        <li><a href="#">»</a></li>
                    </ul>
                </div>
            </div>
        </div> -->
        <div class="bottom-box body-main">
            <div class="pro-mainone">
                <div class="box">
                    <div class="botton-bar">
                        <div class="title">神州通立电梯有限公司</div>
                        <div class="t">公司地址：安徽省六安市金寨现代产业园区梅山湖路与笔架山路路口</div>
                        <div class="t">电话：4001807798</div>
                        <div class="t">邮箱：service@tldt.net</div>
                    </div>
                    <div class="botton-bar">
                        <div class="bt">关于我们</div>
                        <div class="bt">公司简介</div>
                        <div class="bt">荣誉资质</div>
                        <div class="bt">企业理念</div>
                        <div class="bt">媒体关注</div>
                    </div>
                    <div class="botton-bar">
                        <div class="bt">业务领域</div>
                        <div class="bt">既有住宅加装电梯</div>
                        <div class="bt">老旧电梯改造升级</div>
                        <div class="bt">售后服务</div>
                        <div class="bt">我要咨询</div>
                    </div>
                    <div class="botton-bar">
                        <div class="bt">案例展示</div>
                        <div class="bt">既有住宅加装电梯</div>
                        <div class="bt">老旧电梯改造升级</div>
                    </div>
                    <div class="botton-bar">
                        <div class="bt">新闻资讯</div>
                        <div class="bt">公司新闻</div>
                        <div class="bt">行业新闻</div>
                    </div>
                    <div class="botton-bar">
                        <div class="bt">联系我们</div>
                    </div>
                    <div class="botton-bar">
                        <div>
                            <img width="125" height="125" src="../1.jpg" alt="">
                            <div class="bt">微信公众号</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="floot body-main">
                <div class="pro-mainone">
                    <div class="floot-text">Copyright © 2020 神州通立电梯版权所有 皖ICP备2021000198号-1</div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/axios.min.js"></script>
<script src="./js/swiper-bundle.js"></script>
<script src="js/jQuery1.7.2.js" type="text/javascript"></script>
<script>
    var mySwiper = new Swiper(".swiper", {
        autoplay: {//设置自动切换，可以更改切换时间
            delay: 3000,
        },
        loop: true, // 循环模式选项
        //   effect: 'cards',//设置切换的方式
        //   pagination: {
        //     el: ".swiper-pagination",
        //     clickable :true,//设置小圆点点击切换图片
        //   },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
    $('#women').mousemove(function () {
        $('#women-title').show()
    })
    $('#women').mouseout(function () {
        $('#women-title').hide()
    })
    $('#women-title').mousemove(function () {
        $('#women-title').show()
    })
    $('#women-title').mouseout(function () {
        $('#women-title').hide()
    })
    $('#cp').mousemove(function () {
        $('#cp-title').show()
    })
    $('#cp').mouseout(function () {
        $('#cp-title').hide()
    })
    $('#cp-title').mouseover(function () {
        $('#cp-title').show()
    })
    $('#cp-title').mouseout(function () {
        $('#cp-title').hide()
    })
    $('#dt-title1').click(function(){
        $('#dt').show()
        $('#kt').hide()
        $('#jx').hide()
        axios({
        method: 'get',
        url: 'http://192.168.1.20:8086/show/article/list',
        params: {
            categoryId: 301
        }
    }).then(res => {
        showData(res.data);
    })
    function showData(data){
        let str = '';
        console.log(data)
        for (var i = 0; i < data.rows.length; i++) {
            str += `
            <div class="xw-text">
                                <img src="" alt="">
                                <a href="">${data.rows[i].title}</a>
                                <div class="xw-icon">
                                    <img src="" alt="">${data.rows[i].publishTime == null ? '' : data.rows[i].publishTime}
                                    </div>
                            </div>
            `
            $('.xw-box').html(str);
        }
    }
    })
    $('#kt-title1').click(function(){
        $('#kt').show()
        $('#dt').hide()
        $('#jx').hide()
        axios({
        method: 'get',
        url: 'http://192.168.1.20:8086/show/article/list',
        params: {
            categoryId: 302
        }
    }).then(res => {
        showData(res.data);
    })
    function showData(data){
        let str = '';
        console.log(data)
        for (var i = 0; i < data.rows.length; i++) {
            str += `
            <div class="xw-text">
                                <img src="" alt="">
                                <a href="">${data.rows[i].title}</a>
                                <div class="xw-icon">
                                    <img src="" alt="">${data.rows[i].publishTime == null ? '' : data.rows[i].publishTime}
                                    </div>
                            </div>
            `
            $('.xw-box').html(str);
        }
    }
    })
    $('#jx-title1').click(function(){
        $('#jx').show()
        $('#dt').hide()
        $('#kt').hide()
        axios({
        method: 'get',
        url: 'http://192.168.1.20:8086/show/article/list',
        params: {
            categoryId: 303
        }
    }).then(res => {
        showData(res.data);
    })
    function showData(data){
        let str = '';
        console.log(data)
        for (var i = 0; i < data.rows.length; i++) {
            str += `
            <div class="xw-text">
                                <img src="" alt="">
                                <a href="">${data.rows[i].title}</a>
                                <div class="xw-icon">
                                    <img src="" alt="">${data.rows[i].publishTime == null ? '' : data.rows[i].publishTime}
                                    </div>
                            </div>
            `
            $('.xw-box').html(str);
        }
    }
    })
</script>
<script>
    axios({
        method: 'get',
        url: 'http://192.168.1.20:8086/show/article/list',
        params: {
            categoryId: 301
        }
    }).then(res => {
        showData(res.data);
    })
    function showData(data){
        let str = '';
        for (var i = 0; i < data.rows.length; i++) {
            str += `
            <div class="xw-text">
                                <img src="" alt="">
                                <a href="">${data.rows[i].title}</a>
                                <div class="xw-icon">
                                    <img src="" alt=""> ${data.rows[i].publishTime == null ? '' : data.rows[i].publishTime}
                                    </div>
                            </div>
            `
            $('.xw-box').html(str);
        }
    }
</script>